body{
    background-color: #1E1E1E;	/* background-size: 100%; */
}


#box{
	width: 400px;
	height: 200px;
	margin: 50px auto 0;
	border: #00FFFF solid 2px;
	background-repeat: no-repeat;
	background-size: 100%;
	position: relative;
	transition: all 2s; 
	border-radius: 10px;
}

#box .fl{
	
	width: 200px;
	height: 100px;
	position: absolute;
	
}

#box .radio{
	background-color: #1abd6c;
	    color: #fff;
	    z-index: 9999;
	    width: 30px;
	    height: 30px;
	    text-align: center;
	    line-height: 30px;
	    border-radius: 50%;
	    position: absolute;
	   z-index: 10;
	   line-height: 30px;
	   color: white;
}

#box span{
	font-size: 40px;
	position: absolute;
	z-index: 4;
	color: blueviolet;
	font-weight: bold;
	transition: all 2s; 
}

#box span:hover{
	font-family: 'Audiowide';
	 text-align: center;
	 color: #E0FFFF;
	 font-size: 50px;
	transition: all 1.5s ease;
	color: #fff;
	animation: Glow 1.5s ease infinite alternate;
	margin-bottom: 30px;
}

@keyframes Glow {
		    from {
		        text-shadow: 0 0 10px #fff,
		                     0 0 20px #fff,
		                     0 0 30px #fff,
		                     0 0 40px #C71585,
		                     0 0 70px #C71585,
		                     0 0 80px #C71585,
		                     0 0 100px #C71585,
		                     0 0 150px #C71585;
							 
				/* text-shadow: 0 0 10px red; */
		    }
		    to {
		        text-shadow: 0 0 5px #fff,
		                     0 0 10px #fff,
		                     0 0 15px #fff,
		                     0 0 20px #C71585,
		                     0 0 35px #C71585,
		                     0 0 40px #C71585,
		                     0 0 50px #C71585,
		                     0 0 75px #C71585;
							 
				/* text-shadow: 0 0 10px blue; */
		    }
		}

#minbox{
	width: 400px;
	height: 40px;
	margin: 10px auto 0;
	border: greenyellow solid 1px;
	text-align: center;
	font-size: 26px;
	line-height: 40px;
	color: #C71585;
	font-weight: bold;
	transition: all 2s; 
	border-radius: 10px;
	background-color: white;
}

#minbox span{
	color: aqua;
	transition: all 2s; 
}

.size{
	color: #0480BE;
	animation: Alow 1.5s ease infinite alternate;
}

@keyframes Alow {
		    from {
		        text-shadow: 0 0 10px #fff,
		                     0 0 20px #fff,
		                     0 0 30px #fff,
		                     0 0 40px #00FA9A,
		                     0 0 70px #00FA9A,
		                     0 0 80px #00FA9A,
		                     0 0 100px #00FA9A,
		                     0 0 150px #00FA9A;
							 
				/* text-shadow: 0 0 10px red; */
		    }
		    to {
		        text-shadow: 0 0 5px #fff,
		                     0 0 10px #fff,
		                     0 0 15px #fff,
		                     0 0 20px #00FA9A,
		                     0 0 35px #00FA9A,
		                     0 0 40px #00FA9A,
		                     0 0 50px #00FA9A,
		                     0 0 75px #00FA9A;
							 
				/* text-shadow: 0 0 10px blue; */
		    }
		}
		
		.bg-blur {
		            background-image: url("../img/t1.png");
		            width: 100%;
					height: 100%;
		            /* background-position: center; */
		           background-size: cover;
		            /* -webkit-filter: blur(15px);
		            -moz-filter: blur(15px);
		            -o-filter: blur(15px);
		            -ms-filter: blur(15px); */
		            filter: blur(5px);
		        }
